﻿@charset "utf-8";
html{ font:normal 62.5%/2.3em '微软雅黑',Arial,"宋体"; }
body{ padding:0px; margin:0px auto; font-size:1.6em; color:#636363; min-width:320px; max-width:640px; -webkit-text-size-adjust:none;
-webkit-text-size-adjust:none;
-webkit-tap-highlight-color:rgba(0,0,0,0); -webkit-tap-highlight:rgba(0,0,0,0); /*取出点击出现半透明的灰色背景*/
-webkit-user-select: none;  /*控制内容的可选择性*/
-ms-user-select: none;
-moz-user-select: none;
-khtml-user-select: none;
user-select: none;
}
ul,li,form, dl,dt,dd, div{ padding:0px; margin:0px; list-style:none;}
.h1,.h2,.h3,.h4,.h5,.h6,.p{ padding:0px; margin:0px;}
select,input,em,textarea{ font-size:1em; font-style:normal; color:#636363; font-family:'微软雅黑'; border-radius:0; -webkit-border-radius:0;}
img,object{ border:none; max-width:100%; border:0; overflow:hidden; vertical-align:top;}
a{ color:#636363; text-decoration:none; noline:-webkit-tap-highlight-color:rgba(0,0,0,0);}  /* 去掉链接触摸高亮 */
a:focus {outline:none; -moz-outline:none;}
.Texthide{ display:none;}

.Contain{ width:100%; min-width:320px; max-width:640px; margin:0 auto;}
.SinglePage{ text-justify:inter-ideograph; text-align:justify; word-wrap:break-word; clear:both; overflow:hidden;}

.space{ width:100%; height:1em; clear:both; overflow:hidden; zoom:0;}
.clear{ clear:both; height:0px; overflow:hidden; zoom:0;}

.toper{ background:#e08720; padding-top:5%;}
.top{ position:relative; padding:1% 0; text-align:center; background:#f39733; color:#fff; font-size:2em; line-height:1.5em;}
.top .prev{ position:absolute; left:5%; top:15%; font-family:"黑体"; color:#fff; width:4%; padding:2%; border:1px solid #c47226; border-radius:5px; height:0.5em; line-height:0.5em;}

.bottomer{ background:#e6292f; padding:3% 2.5%;}
.bottom{ background:#fff; border-radius:10px; box-shadow:2px 2px 10px 1px #666;}
.bottom .titlebg{ border-bottom:1px dashed #ee5037;}
.bottom .title{ position:relative; color:#ff5c5d; font-size:2em; line-height:2em; padding-left:6%; border-bottom:1px dashed #ee5037; left:1px;}
.bottom .title i{ width:0; height:0; border-top:13px solid transparent; border-bottom:13px solid transparent; border-right:18px solid #fd9429; position:absolute; left:1%; top:50%; margin-top:-13px;}
.bottom .con{ padding:3% 3% 5%; font-size:1.5em;}
.bottom .con li{ padding:1% 0; overflow:hidden;}
.bottom .con .left{ float:left; width:4em; color:#fd9429;}
.bottom .con .right{ float:left; width:11em;}


.turntable{ position:relative;}
.turntable .turn_btn{ position:absolute; width: 32%; left: 34%; top: 31%; cursor:pointer; transform-origin:center center center; -webkit-transform-origin:center center center;}

.turntable ul{ position:absolute; left:0; top:0; width:100%; height:100%; overflow: hidden;	}
.turntable ul li{ position:absolute; left:0; top:0; width:100%; height:100%; transform-origin:center center center; -webkit-transform-origin:center center center; padding-top:10%; box-sizing:border-box; text-align:center; font-size:1.8em; color:#fff; font-weight:bold; text-shadow:2px 2px 2px #d13435; padding-top:15%;}

.turntable ul .li1{ transform:rotate(30deg); -webkit-transform:rotate(30deg);}
.turntable ul .li1 span{ transform:rotate(-90deg); -webkit-transform:rotate(-90deg); display:block;}

.turntable ul .li2{ transform:rotate(90deg); -webkit-transform:rotate(90deg);}
.turntable ul .li2 span{ transform:rotate(-90deg); -webkit-transform:rotate(-90deg); display:block;}

.turntable ul .li3{ transform:rotate(150deg); -webkit-transform:rotate(150deg);}
.turntable ul .li3 span{ transform:rotate(90deg); -webkit-transform:rotate(90deg); display:block;}

.turntable ul .li4{ transform:rotate(210deg); -webkit-transform:rotate(210deg);}
.turntable ul .li4 span{ transform:rotate(90deg); -webkit-transform:rotate(90deg); display:block;}

.turntable ul .li5{ transform:rotate(270deg); -webkit-transform:rotate(270deg);}
.turntable ul .li5 span{ transform:rotate(90deg); -webkit-transform:rotate(90deg); display:block;}

.turntable ul .li6{ transform:rotate(330deg); -webkit-transform:rotate(330deg);}
.turntable ul .li6 span{ transform:rotate(90deg); -webkit-transform:rotate(90deg); display:block;}


.alertConbg{ position: fixed; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.5); opacity: 0; transition: all 500ms; -webkit-transition:all 500ms; z-index: -1;}
.alertCon{ position:absolute; left:5%; top:40%; width: 90%; height: 20%; box-sizing: border-box; padding:0 5%; background: url(../images/alert_bg.jpg) repeat-x left top; color: #666; text-align: center;}
.alertCon .close{ position: absolute; right: 5%; top: 5%; width: 30px; height: 30px; background: #e6292f; border-radius: 50%;  line-height: 30px; color: #fff; font-weight:bold; font-size:20px; font-family:arial; cursor:pointer;}
.alertCon .con{ padding:15% 5% 0; height: 100%; box-sizing: border-box; font-size:1.6em;}



@media screen and (min-width:320px) and (max-width:480px){
	body{ font-size:1em;}
}
